﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name=”renderer” content=”webkit|ie-comp|ie-stand”/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="/favicon.ico">

    <title>工作流审核发起页</title>
    <link href="/assets/plugins/font/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet"/>

    <link href="/module/style/lr-common.css" rel="stylesheet"/>
    <link href="/module/plugin/scroll/scroll.css" rel="stylesheet"/>
    <link href="/module/style/lr-iframe-form.css" rel="stylesheet"/>
    <link href="/module/plugin/wizard/wizard.css" rel="stylesheet"/>
    <link href="/module/plugin/tree/lr-tree.css" rel="stylesheet"/>
    <link href="/module/plugin/select/lr-select.css" rel="stylesheet"/>

    <link href="/module/plugin/timeline/lr-timeline.css" rel="stylesheet"/>
    <link href="/module/plugin/formselect/lr-formselect.css" rel="stylesheet"/>
    <link href="/module/plugin/inputsearch/lr-isearch.css" rel="stylesheet"/>
    <link href="/module/plugin/grid/jfgrid.css" rel="stylesheet"/>
    <link href="/module/plugin/uploader/lr-uploader.css" rel="stylesheet"/>
    <link href="/module/plugin/workflow/lr-workflow-ui.css" rel="stylesheet"/>

    <link href="custmerWorkFlowForm.css" rel="stylesheet"/>

    <script src="/assets/plugins/jquery/jquery-1.10.2.min.js"></script>
    <script src="/assets/plugins/jquery/jquery.md5.min.js"></script>
    <script src="/assets/plugins/jquery/plugin/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="/assets/plugins/laydate/laydate.js"></script>

    <!--[if lt IE 9]>
    <script src="/assets/plugins/bootstrap/html5shiv.min.js"></script>
    <script src="/assets/plugins/bootstrap/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="/assets/plugins/hiprint/css/print-lock.css">
    <script src="/assets/plugins/hiprint/hiprint.bundle.js"></script>
    <script src="/assets/plugins/hiprint/polyfill.min.js"></script>
    <script src="/assets/plugins/hiprint/plugins/jquery.hiwprint.js"></script>
    <script src="/assets/plugins/hiprint/plugins/jquery.minicolors.min.js"></script>
    <script src="/module/formatMoney.js"></script>
    <script>
        function request(d) {
            for (var c = location.search.slice(1).split("&"), a = 0; a < c.length; a++) {
                var b = c[a].split("=");
                if (b[0] == d) if ("undefined" == unescape(b[1])) break; else return unescape(b[1])
            }
            return ""
        };
    </script>

</head>
<body class="Chrome 64.0 lr-uitheme-top">
<div id="lr_form_bg" class="lr-form-bg">
</div>

<div id="lr-layout-panel" class="lr-layout-panel">
    <div class="lr-rblock" style="padding-top:40px;">
        <div class="flow-btn" style="position:absolute;top:4px;right:5px;">
            <a id="print" class="btn btn-primary">打印表单</a>
            <!--            <a id="eye" class="btn btn-default">查看父流程</a>-->
        </div>
        <ul class="nav nav-tabs lr-nav-tabs" id="tablist">
            <li class="active"><a data-value="forminfo">表单信息</a></li>
            <li><a data-value="workflowshcemeinfo">流程信息</a></li>
            <li><a data-value="auditinfo">流转记录</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content" id="tab_content">
            <div class="tab-pane active" id="forminfo">
                <div class="form-list" id="form_list_iframes">
                </div>
                <div class="form-list-tabs" id="form_list_tabs_warp" style="visibility: hidden;">
                    <ul class="nav nav-tabs" id="form_list_tabs"></ul>
                </div>
            </div>
            <div class="tab-pane" id="workflowshcemeinfo" style="padding-bottom:40px;">
                <div id="flow"></div>
                <div style="position:absolute;left:0px;bottom:0;width:100%;height:40px;border-top:1px solid #ddd;line-height:39px;text-align:right;padding-right:10px;font-size:16px;">
                    <div style="display: inline-block;">
                        <i style="padding-right:5px;color:#f0ad4e;" class="fa fa-square"></i><span>当前节点</span></div>
                    <div style="display: inline-block;margin-left: 10px;">
                        <i style="padding-right:5px;color:#5bc0de;" class="fa fa-square"></i><span>需要处理</span>
                    </div>
                    <div style="display: inline-block;margin-left: 10px;">
                        <i style="padding-right:5px;color:#5cb85c;" class="fa fa-square"></i><span>通过</span>
                    </div>
<!--                    <div style="display: inline-block;margin-left: 10px;">-->
<!--                        <i style="padding-right:5px;color:#d9534f;" class="fa fa-square"></i><span>不通过</span>-->
<!--                    </div>-->
                    <div style="display: inline-block;margin-left: 10px;">
                        <i style="padding-right:5px;color:#999;" class="fa fa-square"></i><span>未处理</span>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="auditinfo"></div>
        </div>
    </div>
    <div class="lr-layout-panel-right" style="padding-top:40px;">
        <div style="position:absolute;height:40px;border-bottom: 1px solid #eee;width:100%;top:0;left:0;font-weight:bold;color:#666;line-height:39px;padding-left:10px;">
            流程流转
        </div>
        <div id="lr-layout-panel-right" class="lr-rblock" style="overflow:auto;padding:10px 10px 0 10px;">
            <div class="col-xs-12 lr-form-item flow-item" style="padding:0;" id="flow-title">
                <div class="lr-form-item-title" style="position:relative;width:100%;text-align:left;">流程标题</div>
                <input id="title" type="text" class="form-control"/>
            </div>
            <div class="col-xs-12 lr-form-item flow-item" style="padding:0;display: none;" id="flow-level">
                <div class="lr-form-item-title" style="position:relative;width:100%;text-align:left;">重要等级</div>
                <div class="radio lr-radio" type="lr-radio" id="level">
                    <label>
                        <input name="processLevel" type="radio" value="0" checked="checked"/>
                        普通
                    </label>
                    <label>
                        <input name="processLevel" type="radio" value="1"/>
                        重要
                    </label>
                    <label>
                        <input name="processLevel" type="radio" value="2"/>
                        紧急
                    </label>
                </div>
            </div>
            <div class="col-xs-12 lr-form-item flow-item" style="padding:0;display: none;" id="flow-force">
                <div class="lr-form-item-title" style="position:relative;width:100%;text-align:left;">忽略校验规则强制通过</div>
                <div class="radio lr-radio" type="lr-radio" id="verify">
                    <label>
                        <input name="processForce" type="radio" value="0" checked="checked"/>
                        否
                    </label>
                    <label>
                        <input name="processForce" type="radio" value="1"/>
                        是
                    </label>
                </div>
            </div>
            <div class="col-xs-12 lr-form-item flow-btn" style="padding:0;display: none;" id="flow-handSignature">
                <a id="signaturebtn" class="btn btn-success signaturebtn">手写签名</a>
                <div style="height:100px;"><img src="/content/images/handsignure.png"></div>
            </div>
            <div class="col-xs-12 lr-form-item flow-item" style="padding:0;" id="flow-des">
                <div class="lr-form-item-title" style="position:relative;width:100%;text-align:left;">备注</div>
                <textarea id="description" class="form-control" style="height: 120px;"></textarea>
            </div>

            <div id="flow-btn" class="col-xs-12 flow-btn">
                <a id="release" class="btn btn-success">提交申请</a>
                <a id="savedraft" class="btn btn-default">保存草稿</a>
                <a id="verifyBill" class="btn btn-default" style="display: none;">校验表单</a>
                <a id="sign" class="btn btn-info">加签</a>
                <a id="confirm" class="btn btn-info">确认阅读</a>
            </div>

            <div class="col-xs-12 tab-flow-audit">
            </div><!-- 审批信息 -->

            <div class="col-xs-12 lr-form-item flow-item" style="padding:0;display:none;" id="flow-projectinfo">
                <div class="lr-form-item-title" style="position:relative;width:100%;text-align:left;">项目预算</div>
                <div id="gridtable_projectinfo" style="border: 1px solid lightgray;"></div>
            </div>
        </div>
    </div>
</div>

<script src="/module/config.js"></script>
<script src="custmerWorkFlowForm.js"></script>
<script src="/module/plugin/resize/resize.js"></script>
<script src="/module/plugin/mousewheel/mousewheel.js"></script>
<script src="/module/plugin/scroll/scroll.js"></script>
<script src="/module/plugin/tree/lr-tree.js"></script>
<script src="/module/plugin/select/lr-select.js"></script>
<script src="/module/plugin/timeline/lr-timeline.js"></script>
<script src="/module/plugin/formselect/lr-formselect.js"></script>
<script src="/module/plugin/date/lr-datepicker.js"></script>
<script src="/module/plugin/grid/jfgrid.js"></script>
<script src="/module/plugin/wizard/wizard.js"></script>
<script src="/module/script/lr-validator.js"></script>
<script src="/module/script/lr-authorize.js"></script>
<script src="/module/script/lr-form.js"></script>

<script src="/module/plugin/inputsearch/lr-isearch.js"></script>
<script src="/module/plugin/workflow/lr-workflow-ui.js"></script>

<script>
    var lrModuleButtonList;
    var lrModuleColumnList;
    var lrModule;
    $.lrToken = config.getToken().access_token;
    $(function () {
        $('#lr_form_bg').fadeOut();
        $('#form').lrscroll();


        if (!!window.bootstrap) {
            bootstrap(jQuery, top.learun);
        }
    });
</script>
</body>
</html>
